export const mapConfig = ({ setData }) => {
    return {
        // 显示的窗口
        tooltip: {
            trigger: "item",
            backgroundColor: 'rgba(147, 235, 248, .7)',
            borderWidth: 0,
            formatter: function (item) {
                var tipHtml = `<div style="background-color:rgba(147, 235, 248, .2);border-radius:10px;padding-top:10px;box-shadow:0 0 10px #666">
                <div style="color:#fff;height:20px;border-radius:6px;font-size:12px;line-height:20px;background-color:#5861a2;text-align:center;margin:0 2px;">
               ${item.name}
                </div> 
                <div style="text-align:center;color:#494949;padding:8px 6px">
                <span style="font-size:18px;font-weight:bold;">
                测试数据：
               ${item.value}
                </span>
                </div>
                </div>`;
                return tipHtml;
            }
        },
        series: [
            {
                type: "map",
                map: "baiyun", // 使用 registerMap 注册的地图名称
                zoom: 1, //缩放
                selectedMode: false,
                // 文字
                label: {
                    show: true,
                    color: "#fff",
                    fontSize: 12,
                },
                //地图默认样式
                itemStyle: {
                    borderColor: "rgba(147, 235, 248, 1)",
                    borderWidth: 1,
                    areaColor: {
                        // 径向渐变
                        type: "radial",
                        x: 0.5,
                        y: 0.5,
                        r: 0.8,
                        colorStops: [
                            {
                                offset: 0,
                                color: "rgba(147, 235, 248, 0)", // 0% 处的颜色
                            },
                            {
                                offset: 1,
                                color: "rgba(147, 235, 248, .2)", // 100% 处的颜色
                            },
                        ],
                        global: false, // 缺省为 false
                    },
                    shadowColor: "rgba(128, 217, 248, 1)",
                    shadowOffsetX: -2,
                    shadowOffsetY: 2,
                    shadowBlur: 10,
                },
                // 鼠标移入显示的样式
                emphasis: {
                    itemStyle: {
                        areaColor: "#FFD181",
                        borderColor: "#404a59",
                        borderWidth: 1,
                    },
                },
                layoutCenter: ["50%", "50%"],
                layoutSize: "100%",
                data: setData,
                nameMap: {
                    白云区: "",
                    // 嘉禾街道: "嘉禾",
                    // 黄石街道: "黄石",
                    // 京溪街道: "京溪",
                    // 同和街道: "同和",
                    // 永平街道: "永平",
                    // 白云湖街道: "白云湖",
                    // 新市街道: "新市",
                    // 鹤龙街道: "鹤龙",
                    // 石门街道: "石门",
                    // 石井街道: "石井",
                    // 松洲街道: "松洲",
                    // 三元里街道: "三元里",
                    // 同德街道: "同德",
                    // 云城街道: "云城",
                    // 均禾街道: "均禾",
                    // 景泰街道: "景泰",
                    // 金沙街道: "金沙",
                    // 棠景街道: "棠景",
                },
            },
        ],
    }
}